<?php

/* @var $this \yii\web\View */
/* @var $content string */

use backend\assets\AppAsset;
use yii\helpers\Html;
use yii\helpers\Url;
use yii\bootstrap\ActiveForm;

$this->title = '登录';

?>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->
	
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta name="description" content="Neon Admin Panel" />
	<meta name="author" content="" />
	
	<title><?= Html::encode($this->title) ?></title>

	<link rel="stylesheet" href="/statics/js/jquery-ui/css/no-theme/jquery-ui-1.10.3.custom.min.css">
	<link rel="stylesheet" href="/statics/css/font-icons/entypo/css/entypo.css">
	<link rel="stylesheet" href="/statics/css/font-icons/entypo/css/animation.css">
	<link rel="stylesheet" href="/statics/css/neon.css">
	<link rel="stylesheet" href="/statics/css/custom.css">

	<script src="/statics/js/jquery-1.10.2.min.js"></script>

	<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!--[if lt IE 9]>
	  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
	  <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
	<![endif]-->
	
</head>
<body class="page-body login-page login-form-fall">

<div class="login-container">
	
	<div class="login-header login-caret">
		
		<div class="login-content">
			
			<a href="#" class="logo">
				<img src="/statics/images/logo.png" alt="" />
			</a>
			
			<p class="description">后台管理系统</p>
			
			<!-- progress bar indicator -->
			<div class="login-progressbar-indicator">
				<h3>43%</h3>
				<span>登录中...</span>
			</div>
		</div>
		
	</div>
	
	<div class="login-progressbar">
		<div></div>
	</div>
	
	<div class="login-form">
		
		<div class="login-content">
			
			<form method="post" role="form" id="form_login" action="<?=Url::to(['site/login'])?>">
                <input type ="hidden" name="_csrf" value="<?= yii::$app->request->getCsrfToken() ?>" />
				<div class="form-group">
					
					<div class="input-group">
						<div class="input-group-addon">
							<i class="entypo-user"></i>
						</div>
						
						<input type="text" class="form-control" name="username" id="username" placeholder="账户" autocomplete="off" />
					</div>
					
				</div>
				
				<div class="form-group">
					
					<div class="input-group">
						<div class="input-group-addon">
							<i class="entypo-key"></i>
						</div>
						
						<input type="password" class="form-control" name="password" id="password" placeholder="密码" autocomplete="off" />
					</div>
				
				</div>
				
				<div class="form-group">
					<button type="submit" class="btn btn-primary btn-block btn-login">
						登录
						<i class="entypo-login"></i>
					</button>
				</div>
				
			</form>
            <?php
                if(\Yii::$app->getSession()->getFlash("login_error")) {
            ?>
            <div class="login_error"><?php echo \Yii::$app->getSession()->getFlash("login_error");?></div>			
            <style>
                .login_error{
                    padding-top: 12px;
                    padding-bottom: 12px;
                    border: 1px solid #373e4a;
                    border-color: rgba(236, 89, 86, 0.5);
                    -webkit-transition: all 300ms ease-in-out;
                    -moz-transition: all 300ms ease-in-out;
                    -o-transition: all 300ms ease-in-out;
                    transition: all 300ms ease-in-out;
                    -webkit-background-clip: padding-box;
                    -moz-background-clip: padding;
                    background-clip: padding-box;
                    -webkit-border-radius: 3px;
                    -moz-border-radius: 3px;
                    border-radius: 3px;
                }
            </style>
            <?php
                }
            ?>
		</div>
		
	</div>
	
</div>


	<!-- Bottom Scripts -->
	<script src="/statics/js/gsap/main-gsap.js"></script>
	<script src="/statics/js/jquery-ui/js/jquery-ui-1.10.3.minimal.min.js"></script>
	<script src="/statics/js/bootstrap.min.js"></script>
	<script src="/statics/js/joinable.js"></script>
	<script src="/statics/js/resizeable.js"></script>
	<script src="/statics/js/neon-api.js"></script>
	<script src="/statics/js/jquery.validate.min.js"></script>
	<script src="/statics/js/neon-login.js"></script>
	<script src="/statics/js/neon-custom.js"></script>

</body>
</html>